/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width: 8px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
	border-radius: 10px;
}
::-webkit-scrollbar-thumb:window-inactive {
    background: #999;
}

.element-doc{ padding-top: 50px; }
.element-doc .intro-title{ font-size: 28px; line-height: 1; color: #000;}
.element-doc .intro-content{ margin: 14px 0; font-size: 14px; }
.element-doc .base-title{ margin: 55px 0 20px; font-size: #333; }
.element-doc .base-content{ margin: 14px 0; color: #5e6d82;}
.element-doc .demo-block{ border: 1px solid #ebebeb; border-radius: 3px;}
.element-doc .demo-block .demo-block-source{ padding: 24px; }
.element-doc .demo-block .demo-block-core{ display: none; transition: height 0.5s; padding: 18px; border-top: 1px solid #eaeefb; background-color: #f9fafc; font-size: 12px;}
.element-doc .demo-block .demo-core-box{ width: 100%; height: 48px; border: none; outline: none; resize: none; font-size: 12px; background-color: #f9fafc;}
.element-doc .demo-block .demo-block-intro{ padding: 20px; background-color: #FFF; border: 1px solid #ebebeb; font-size: 14px;}
.element-doc .demo-block .demo-block-footer{ position: relative; height: 44px; line-height: 44px; text-align: center; white-space: nowrap; border-top: 1px solid #eaeefb; box-sizing: border-box; cursor: pointer; color: #666;}
.element-doc .demo-block .demo-block-footer:hover{ color: #409eff; background-color: #f9fafc};
.element-doc .demo-block .demo-ms-h{ display: none; }
.element-doc .demo-block .demo-online{ position: absolute; top: 0; right: 24px; text-align: right; color: #409eff; text-decoration: none; font-size: 12px;}
.element-doc .demo-block.show-case-core .demo-block-core{ display: block; }
.element-doc .demo-block.show-case-core .demo-ms-s{ display: none; }
.element-doc .demo-block.show-case-core .demo-ms-h{ display: block; }

.element-doc .attri-table{ width: 100%; border-collapse: collapse;}
.element-doc .attri-table > thead > tr > th{ padding: 15px 15px 15px 10px; white-space: nowrap; color: #909399; text-align: left; font-weight: 400; border-bottom: 1px solid #dcdfe6;}
.element-doc .attri-table > tbody > tr > td{ max-width: 240px; padding: 15px 15px 15px 10px; white-space: normal; color: #606266; text-align: left; font-weight: 400; border-bottom: 1px solid #dcdfe6;}
.element-doc .demo-block .bh-button, .element-doc .demo-block .bh-link{ margin-right: 8px;}
.element-doc .base-code-area{ display: block; padding: 18px 24px; background-color: #fafafa; border: 1px solid #eaeefb;}